@charset "utf-8";

/*all action pullout (input) stuff here*/

#buildv1-input {
	position: fixed;
	bottom: 173px;
	left: 196px;
	background: #777;
	width: 0px;
	overflow: hidden;
}
	#buildv1-input input {
		width: 200px;
		background: black;
		color: white;
		padding: 8px;
	}
	#buildv1-go {
		position: fixed;
		bottom: 173px;
		left: 396px;
		width: 0px;
		background: #777;
		color: white;
		overflow: hidden;
	}
		#buildv1-go p {
			padding: 8px 8px 7px;
		}
	#buildv1-sample {
		position: fixed;
		bottom: 173px;
		left: 433px;
		width: 0px;
		background: #777;
		color: white;
		overflow: hidden;
		white-space: nowrap;
	}
		#buildv1-sample p {
			padding: 8px 8px 7px;
		}
	
#buildv2-input {
	position: fixed;
	bottom: 146px;
	left: 196px;
	background: #777;
	width: 0px;
	overflow: hidden;
}
	#buildv2-input input {
		width: 200px;
		background: black;
		color: white;
		padding: 6px 8px 5px;
	}
	#buildv2-go {
		position: fixed;
		bottom: 146px;
		left: 396px;
		width: 0px;
		background: #777;
		color: white;
		overflow: hidden;
	}
		#buildv2-go p {
			padding: 5px 8px;
		}
	#buildv2-sample {
		position: fixed;
		bottom: 146px;
		left: 433px;
		width: 0px;
		background: #777;
		color: white;
		overflow: hidden;
		white-space: nowrap;
	}
		#buildv2-sample p {
			padding: 5px 8px;
		}
	
#insert-input {
	position: fixed;
	bottom: 119px;
	left: 196px;
	background: #777;
	width: 0px;
	overflow: hidden;
}
	#insert-input input {
		width: 40px;
		background: black;
		color: white;
		padding: 6px 8px 5px;
	}
	#insert-go {
		position: fixed;
		bottom: 119px;
		left: 228px;
		width: 0px;
		background: #777;
		color: white;
		overflow: hidden;
	}
		#insert-go p {
			padding: 5px 8px;
		}
		
/*all action pullout (error) stuff here*/
.err {
	position: fixed;
	color: red;
}
#buildv1-err {
	bottom: 173px;
	left: 538px;
	padding: 8px 0px 7px;
}
#buildv2-err {
	bottom: 146px;
	left: 538px;
	padding: 5px 0px;
}
#insert-err {
	bottom: 119px;
	left: 272px;
	padding: 5px 0px;
}
#extractmax-err {
	bottom: 92px;
	left: 201px;
	padding: 5px 0px;
}
#heapsort-err {
	bottom: 60px;
	left: 201px;
	padding: 8px 0px 7px;
}

/*all tutorial stuff here*/
#heap-tutorial-1 {
	top: 60px;
	left: 60px;
	width: 250px;
}
#heap-tutorial-2 {
	bottom: 230px;
	left: 60px;
	width: 220px;
}
	#heap-tutorial-2:before {
		top: 100%;
		left: 20%;
		border-top-color: black;
		margin-left: -10px;
	}
#heap-tutorial-3 {
	top: 300px;
	left: 50%;
	width: 200px;
	margin-left: -110px;
}
	#heap-tutorial-3:before {
		bottom: 100%;
		left: 50%;
		border-bottom-color: black;
		margin-left: -10px;
	}
#heap-tutorial-4 {
	bottom: 335px;
	right: 150px;
	width: 200px;
}
	#heap-tutorial-4:before {
		top: 100%;
		left: 20%;
		border-top-color: black;
		margin-left: -10px;
	}
#heap-tutorial-5 {
	bottom: 275px;
	right: 170px;
	width: 180px;
}
	#heap-tutorial-5:before {
		top: 100%;
		left: 20%;
		border-top-color: black;
		margin-left: -10px;
	}
#heap-tutorial-6 {
	bottom: 70px;
	left: 50%;
	width: 220px;
	margin-left: -120px;
}
	#heap-tutorial-6:before {
		top: 100%;
		left: 50%;
		border-top-color: black;
		margin-left: -10px;
	}
#heap-tutorial-7 {
	top: 70px;
	right: 60px;
	width: 150px;
}
	#heap-tutorial-7:before {
		bottom: 100%;
		left: 50%;
		border-bottom-color: black;
		margin-left: -10px;
	}